<template>
  <div id="admin_jsgl">
    <div class="while">
      <h1>{{$t('lang.active_detail')}}</h1>
      <!-- <el-divider></el-divider> -->
      <div class="top">
        <img src="../../../assets/logo.png" />
        <div>
          <h1>华为新产品发布会</h1>
          <p>活动编号：</p>
          <p>报名时间：</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "hdxq",
    data() {
      return {
        activityId: '',
      }
    },
    methods: {

      // 获取表格数据
      getData(){
        this.$axios.request({
          url: this.API + "/activity/activityDetail/list",
          params: {
            activityId: this.activityId
          },
          method: "get"
        }).then((res) => {
          console.log(res)
        })
      },
    },
    mounted() {
      this.activityId = parseInt(this.$route.query.activityId);
      // console.log(this.$route.query.activityId);
      this.getData();
    }
  }
</script>

<style>
  #admin_jsgl {
    height: 100%;
    background: #eaeff7;
  }

  .while {
    background-color: #FFFFFF;
    margin: 20px;
    border-radius: 5px;
    padding: 15px;
  }

  .while>h1 {
    margin: 0;
    font-weight: inherit;
    color: #818181;
  }

  #admin_jsgl .el-divider {
    margin: 8px 0px;
  }
  .while:hover{
    box-shadow: -5px -5px 10px #b5b5c5;
  }
  .while p{
    color: #5e5e5e;
    font-size: 14px;
    margin-top: 3px;
  }
  .top{
    background-color: white;
    box-shadow: -1px -1px 10px #b7becb;
    border-radius: 5px;
    display: flex;
    padding: 20px;
    margin: 10px;
  }
</style>
